{extend name="property/public/insidePageBase" /}
{block name="title"}提交账单支付结果{/block}
{block name="css"}
{__block__}
<style>
    body{ margin:0; }
    .layui-iconpicker-body.layui-iconpicker-body-page .hide {display: none;}
    body .layui-iconpicker .layui-iconpicker-icon-item{ width: 20.1%; }
    body{  background-color: #ffffff; }
    .layui-upload-img-box { float:left;  margin-bottom: 2px;margin-right: 2px; background: #e0e0e0;  padding: 1px; }
    .layui-upload-img {width: 82px; height: 82px; margin-bottom: 1px;}
</style>
{/block}
{block name="body"}
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-form layui-form-pane">
            <div class="layui-form-item" pane="">
                <label class="layui-form-label">支付方式</label>
                <div class="layui-input-block">
                    <input type="radio" name="pay_method" autocomplete="off" value="5" title="企业微信">
                    <input type="radio" name="pay_method" autocomplete="off" value="1" title="微信">
                    <input type="radio" name="pay_method" autocomplete="off" value="2" title="支付宝">
                    <input type="radio" name="pay_method" autocomplete="off" value="3" title="银联">
                    <input type="radio" name="pay_method" autocomplete="off" value="4" title="现金">
                </div>
            </div>

            <div class="layui-row">
                <div class="layui-col-xs6">
                    <div class="layui-form-item">
                        <label class="layui-form-label">待支付金额</label>
                        <div class="layui-input-block">
                            <input type="text" value="{$stayPayoney ?? ''}" disabled  autocomplete="off" placeholder="请输入待支付金额" class="layui-input">
                        </div>
                    </div>
                </div>
                <div class="layui-col-xs6">
                    <div class="layui-input-group">
                        <div class="layui-input-split layui-input-prefix">&nbsp;&nbsp;支付金额&nbsp;&nbsp;</div>
                        <input type="text" name="pay_amount" value="{$stayPayoney ??''}" autocomplete="off" placeholder="费用金额" class="layui-input" oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')">
                        <div class="layui-input-split layui-input-suffix">¥</div>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">付款凭证</label>
                <div class="layui-input-block" id="image_info">
                    <button type="button" class="layui-btn" style="width: 100%;" id="upload_imgs" lay-data="{field: 'picture',data:{dir:'property/bill/pay', field:'picture'}}">上传付款凭证</button>
                    <div class="layui-upload-list" id="img_show"> </div>
                    <div style="clear: both"></div>
                </div>
            </div>
            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">备注说明</label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入备注说明" class="layui-textarea" name="remark"></textarea>
                </div>
            </div>
            <div class="layui-form-item layui-hide">
                <input type="hidden" name="id" value="{:request()->get('id')}" />
                <button class="layui-btn" lay-submit lay-filter="submitBtn" id="submitBtn">提交</button>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="js"}
{__block__}
<script>
    var repairData = [];
    layui.use(['form', 'laytpl','upload','table', 'laydate'], function () {
        var form = layui.form,laytpl = layui.laytpl,  table = layui.table,laydate = layui.laydate;
        $('#upload_imgs').selectImages({
            confirm:function(res,elem) {
                for(var i in res) {
                    index = (new Date()).getTime()+''+i;
                    $('#img_show').append('<div class="layui-upload-img-box" id="'+index+'">' +
                        '<img src="' + res[i].src + '" class="layui-upload-img checkPictureByImg">' +
                        '<input type="hidden" name="picture[]" value="' + res[i].src + '">' +
                        '<p>' +
                        '<a class="layui-btn layui-btn-xs cftoggleUpload" style="float: left" lay-data="{field: \'picture\',data:{dir:\'picture/repair\', field:\'picture\', replace_upload_index: \''+index+'\'}}">修改</a>' +
                        '<a class="layui-btn layui-btn-xs layui-btn-danger" onclick="this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);" style="float: right">删除</a>' +
                        '</p>' +
                        '</div>'
                    );
                }
            }
        });
    });
</script>
{/block}